<html>
  <head>
    <title>Test</title>
    <style>
      html,
      body,
      main {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        overflow-x: hidden;
      }

      .container {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: 50% 50%;
      }

      /* .container {
        display: flex;
      }

      .item {
        min-width: 512px;
        max-height: 512px;
      } */
    </style>
  </head>

  <body>
    <main class="container">

      <!-- Only bit necessary for Cornerstone -->
      <div id="cornerstone-target" class="item"></div>
      <div id="axial-target" class="item"></div>
      <div id="coronal-target" class="item"></div>
      <div id="sagittal-target" class="item"></div>
    </main>

    <script src="main.js"></script>
  </body>
</html>
